<template>
  <div class="gift-detail">
    <div class="header">
      宝盒礼物记录
    </div>

    <div class="list">
      <el-table
        :data="tableData"
        style="width: 100%"
        height="100%"
        border
      >
        <el-table-column
          prop="date"
          label="礼物">
        </el-table-column>
        <el-table-column
          prop="name"
          label="时间">
        </el-table-column>
        <el-table-column
          prop="address"
          label="用户昵称">
        </el-table-column>
        <el-table-column
          prop="address"
          label="用户ID">
        </el-table-column>
      </el-table>

      <div class="pagination">
        <el-pagination
          layout="prev, pager, next"
          :total="1000">
        </el-pagination>
    </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'gift-detail',
  data () {
    return {
      tableData: [{}, {}]
    }
  }
}
</script>